﻿@charset "utf-8";
/* CSS Document */

/*登录*/
.top-item{
	width:100%;
	margin:0 auto;
	height:75px;
	line-height:55px;
	font-size:2.em;
	background:url(../images/top_bg.png) no-repeat;;
	background-size:100% 70px;
}
.top-item img{
	width:21%;
	margin-top:16px;
}
.main-login{
	position: absolute;
    top: 25%;
    left: 0;
    margin: auto;
    bottom: 0;
    right: 0;
}
.main-login .main-login-box{
	width:480px;
	margin:0 auto;
}
.login-tit{
	width:100%;
	height:60px;
	background:#ccd8e4;
}
.login-tit img{
	width:120px;
}
.login-wrap{
	width:100%;
	background:#99b9d1;
}
.login-wrap .lft-bg{
	width:40px;
	height:30px;
	background:#CCD8E4;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.login-wrap .lft-bg img{
	width: 20px;
    position: relative;
  	left: 8px;
  	top: 2px;	
}
.login-wrap .l-input{
	width:300px;
	height:30px;
	background:#014280;
	border:1px solid #CCD8E4;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	text-indent:5px;	
	font-size:16px;
	color:#f0f0f0;
}
.login-wrap .l-check{
	display:inline-block;
	width:20px;
	height:20px;
	border:1px solid #083458;
	border-radius:2px;
	margin-right:10px;
}
.login-btn{
	width:100%;
	margin-top:1px;
	margin-left:0px;
	margin-right:0px;
	background:#9fb5c8;
	border-top: 1px solid #014280;
}
.login-btn .l-button{
	display:block;
	width:100%;
	height:45px;
	letter-spacing:20px;
	font-size:2em;
	color: #333333;
	margin-left:0px;
	margin-right:0px;
	text-decoration:none;
	line-height:45px;
}
.login-btn .l-button:hover{
	background-color:#4e7595;
}
.icon-error img{
	width:20px;
	margin-top:-3px;
}

/*地图页*/
.top{
	position: fixed;
    z-index: 10000;
    background: rgba(17, 50, 78, 0.85);
}
.login-button{
	display:block;
	width:115px;
	height:30px;
	line-height:30px !important;
	color:#1e4272;
	background-color:#99a7ba;
	border-radius:5px;
	padding:0px !important;
	margin-top: 10px;
	margin-right: 20px;
	letter-spacing: 10px;
	text-align: center;
	text-indent: 10px;
}
.float-wrap{
	position:fixed;
	
	top:80px;
	z-index:1009;
}
.left-sidebar{
	position: fixed;
    left: 2%;
	width: 15%;
	top:16%;
}
.right-sidebar{
	
}
.map-bg{
	width:90%;
	margin:20px auto;
}
.side-title{
	width: 100%;
	height: 35px;
	background-color: #1e4272;
	line-height: 35px;
	font-size: 1.6em;
	color: #e3e1e1;
}
.side-box{
	background:#9aa3b4;
}
.side-box img{
	width:5.0em;
}
.side-box dl dd{
	float: left;
	width: 100%; 
	padding: 17px 10px 10px 10px;;
	border-bottom: 1px solid #b8c1ce;
	margin-top: 5px;
}
.msb-list{
	border:none !important;
	
	padding:0px;
}
.msb-list li{
	width:100%;
	padding:10px;
	color:#75e7ff;
	border-color:transparent;
}
.wx-btn a{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #344a5f;
	color: #38526B;
	line-height: 50px;
	font-size: 1em;
	margin: 0 auto;
}
.right-sidebar {
    position: fixed;
    right: 2%;
    width: 15%;
    top:16%;
}
.sb-tab{
	margin-top: -40px;
	position: relative;
	z-index: 9;
	font-size: 1em;
	background: rgba(189, 193, 205,1);
}
.btn-up{
	display:block;
	width:100%;
	background-color:#9AA3B4;
}
.btn-up img{
	width:20px;
	margin-top:-4px;
}
.t-box{
	width:138px;
	padding:10px;
	background-color:#3c3c3c;
	border:1px solid #8FEF11;
	box-shadow:2px 4px 4px #BDD49F;
}
.t-box img{	
	margin-left: 6px;
    	width: 75%;
}

/*历史曲线*/
.map-mid-item{
	position:fixed;
}
.user-item{
	width:128px;
	height:28px;
	border:1px solid #1A5393;
	border-radius:5px;
}
.user-item .trans-bg-left{
	width: 33px;
    	background: rgba(255,255,255,.6);
    	height: 26px;
    	border-top-left-radius: 4px;
    	border-bottom-left-radius: 4px;
}
.user-item .btn-user{
	position: relative;
    	display: inline-block;
    	width: 20px;
    	height: 20px;
    	background: url(../images/icon_user.png) no-repeat;
    	top: 2px;
    	left: 7px;
}
.back-item{
	width:98px;
	height:28px;
	background-color:rgba(255,255,255,.6);
	border-radius:5px;
}
.back-item .btn-back{
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../images/icon-back.png) no-repeat;
	top:5px;
	left:7px;
}
.back-item span{
	display: inline-block;
	position: relative;
	top: 0px;
	color: rgb(0, 0, 0);
	border-left: 1px solid rgb(72, 64, 64);
	padding-left: 4px;
	margin-left: 8px;
}
.local_01{
	display:block;
}
.local_01 img{
	width:20px;
}
.locat-item{
	position: relative;
        top: 314px;
    	left: 1330px;
}
.locat-item1{
	position: relative;
	top: 308px;
    left: 1368px;
}
.locat-item2{
	position: relative;
        top: 309px;
        left: 1387px;
}
.locat-item3{
	position: relative;
        top: 260px;
    	left: 1279px;
}
.locat-item4{
	position: relative;
        top: 250px;
    	left: 1335px;
}
.locat-item5{
	position: relative;
        top: 162px;
    	left: 1380px
}
.locat-item6{
	position: relative;
        top: 100px;
        left: 1379px;
}

/**管理主页**/
.sb-list li{
	float:left;
	border:1px solid #dddddd;
	letter-spacing: 1px;
}
.sb-list li:first-child{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.sb-list li:last-child{
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.sb-list li a{
	display:inline-block;
	color:#333333;
	background:#dddddd;
	padding:3px 5px;/*main1 5px*/
    text-decoration:none;
}
.sb-list .active a,.sb-list li:first-child a:hover{
	color:#ffffff;
	background-color: #054d8c;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	text-decoration:none;
}
.sb-list li:last-child a:hover{
	color:#ffffff;
	background-color: #054d8c;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	text-decoration:none;
}
.btn-return {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/icon-return.png) no-repeat;
    top: 5px;
    left: 0px;
}
/*左边菜单*/
.ico-sb{display:inline-block;width:40px;height:30px;background:url(../images/side_04.png) no-repeat;background-size:30px;}
.ico-tj{display:inline-block;width:40px;height:30px;background:url(../images/side_05.png) no-repeat;background-size:30px;}
.ico-gz{display:inline-block;width:40px;height:30px;background:url(../images/side_06.png) no-repeat;background-size:30px;}
.ico-video{display:inline-block;width:40px;height:30px;background:url(../images/side_07.png) no-repeat;background-size:30px;}
.l-menu-text{position: relative;top: -10px;left: 17px}
/*搜索框+列表*/
.rt-tab{
	background-color:#99aac1;
	padding:20px;
}
.search-item{
	position:relative;
}
.search-item .se-input{
	display: inline-block;
	position: relative;
	height: 30px;
	line-height: 30px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	background: #012558;
}
.search-item .s-bg{
	display: inline-block;
    width: 18%;
    height: 33px;
    background: #e6edf6;
    position: absolute;
    top: 0px;
    right: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.search-item .s-bg img{
	width: 20px;
	margin-top: 5px;
	margin-left: 6px;
}
.table > tbody > tr > td{
	border:none !important;
	padding:5px 8px !important;
}
/*全部设备底部*/
.s-row-item{
	margin-top: 10px;
	width: 104%;
	overflow-x: hidden;
	margin-left:0px !important;
	margin-right: 0px;
}

.sidebar-menu>li.active{background-color:rgba(98,121,152,.7)}

/*变频器投运时间*/
.rt-charts-box{
	position:absolute;
	right:4%;
	z-index:9999;
	width: 20%;
    height: 100%;
}
.wt-box{
	position:relative;
	width: 100%;
    height:25%;
    background-color: #f6f7fb;
	margin-bottom:5%;
}
